<template>
  <!-- 修改密码 -->
  <div id="passwordLayer">
    <el-form status-icon
             :model="ruleFormChangePwd"
             :rules="rulesChangePwd"
             ref="ruleFormChangePwd">
      <el-main class="cp">
        <el-form-item prop="username">
          <el-input type="text"
                    auto-complete="off"
                    placeholder="请输入用户名"
                    v-model="ruleFormChangePwd.username"
                    size="small"></el-input>
        </el-form-item>
        <el-form-item prop="tel">
          <el-input type="text"
                    auto-complete="off"
                    placeholder="请输入联系电话"
                    v-model="ruleFormChangePwd.tel"
                    size="small"></el-input>
        </el-form-item>
        <el-form-item prop="password">
          <el-input type="password"
                    auto-complete="off"
                    placeholder="请输入新密码"
                    v-model="ruleFormChangePwd.password"
                    size="small"></el-input>
        </el-form-item>
        <el-row justify="center">
          <el-col :span="11"
                  style="text-align: right;">
            <el-button type="primary"
                       size="small"
                       @click="changePwd">确认</el-button>
          </el-col>
          <el-col :span="2">&nbsp;</el-col>
          <el-col :span="11">
            <el-button size="small"
                       @click="cancelChange">取消</el-button>
          </el-col>
        </el-row>
      </el-main>
    </el-form>
  </div>
</template>

<script>
export default {

}
</script>
<style lang="less" scoped>
</style>
